@import "../../styles/iconfont.wxss";
page{
    background-color: #f5f5f5;
};

.revice_address_row{
    border-radius: 20rpx;
    background-color: #fff;
    margin: 20rpx;
    .address_btn{
        padding: 20rpx;
        button{
            width: 60%;
        }
    }
    .user_info_row{
        display: flex;
        padding:30rpx 20rpx;
        .iconfont{
            font-size: 40rpx;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #989898;
            flex: 1;
        }
        .icon-dizhi{
            font-size: 52rpx;
            padding-right: 20rpx;
            -webkit-line-clamp: 2;
            background-image: -webkit-linear-gradient(bottom,#cc945c,#faead4);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .user_info{
            flex: 8;
            .myname_phone{
                display: flex;
                font-weight: 600;
                justify-content: left;
                .user_phone{
                    display: flex;
                    align-items: center;
                    font-size: 28rpx;
                    font-weight: 600;
                    padding-left: 20rpx;
                }
            }
            .address_all{
                font-size: 28rpx;
                margin-top: 0.5em;
            }
        }
    }
}

.order_main{
    border-radius: 20rpx;
    background-color: #fff;
    margin: 20rpx 20rpx 0 20rpx;
    .order_item{
        display: flex;
        padding: 20rpx;
        .order_img{
            display: flex;
            flex: 4;
            image {
                width: 80%;
            }
        }
        .order_name{
            flex: 4;
            display: flex;
            flex-direction: column;
            .order_name_c{
                font-size: 28rpx;
                color: #989898;
                padding-top: 10rpx;
            }
        }
        .order_price{
            flex: 2;
            display: flex;
            flex-direction: column;
            .order_price_p{
                color: #B3251B;
                font-weight: 600;
            }
            .order_price_n{
                text-align: right;
                color: #989898;
                font-size: 28rpx;
            }
        }
    }
    .color_aa{
        color: #67676D;
    }
    .order_discounts{
        display: flex;
        padding: 20rpx;
        justify-content: space-between;
        .iconfont{
            color: #67676D;
            font-size: 24rpx;
            padding-left: 10rpx;
        }
    }
    .order_member{
        display: flex;
        padding: 20rpx;
        justify-content: space-between;
    }
    .order_courier{
        display: flex;
        padding: 20rpx;
        justify-content: space-between;
    }
    .order_total{
        display: flex;
        padding: 20rpx;
        color: #989898;
        justify-content: space-between;
        border-top: 6rpx solid #f5f5f5;
        .total_price{
            .total_prices{
                font-weight: 600;
                color: #B3251B;
            }
        }
        
    }
}

.order_remark{
    margin: 20rpx;
    display: flex;
    border-radius: 20rpx;
    padding: 30rpx 20rpx;
    background-color: #fff;
    text{
        white-space: nowrap;
        display: flex;
        flex: 2;
    }
    view{
        width: 60%;
        padding: 0px 10rpx;
        display: flex;
        flex: 8;
        textarea{
            margin-top: 6rpx;
            font-size: 28rpx;
            color: #989898;
        }
    }
}

.footer_tool {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90rpx;
    background-color: #fff;
    display: flex;
    border-top: 1rpx solid #ccc;
    .total_price_wrap {
        flex: 5;
        display: flex;
        justify-content: center;
        align-items: center;
        .total_price_num{
            color: #686873;
        }
        .total_prices{
            color:#B3251B;
        }
    }
    .order_payment {
        flex: 3;
        background-color:#B3251B;
        color: #fff;
        font-size: 32rpx;
        font-weight: 600;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}